/* Dark Theme - Enhanced Accessibility */
html[data-theme='dark'] {
  // 基础色彩 - 增强对比度
  --bg-color: #0d1117;
  --bg-color-page: #0d1117;
  --bg-color-secondary: #161b22;
  --bg-color-light: #161b22;
  --bg-color-dark: #21262d;
  --bg-color-disabled: #21262d;
  --text-color: rgba(255, 255, 255, 0.9);
  --text-color-primary: rgba(255, 255, 255, 0.9);
  --text-color-secondary: rgba(255, 255, 255, 0.75);
  --text-color-placeholder: rgba(255, 255, 255, 0.55);
  --text-color-disabled: rgba(255, 255, 255, 0.3);
  --text-color-inverse: #ffffff;
  
  // 边框和分割线 - 提升可见性
  --border-color: #30363d;
  --border-color-light: #21262d;
  --border-radius-base: 12px;
  
  // 主色调 - 符合无障碍标准
  --primary-color: #58a6ff;
  --primary-color-rgb: 88, 166, 255; // 保持这个给 box-shadow 用
  --secondary-color: #3fb950;
  --success-color: #3fb950;
  --warning-color: #d29922;
  --danger-color: #f85149;
  --error-color: #f85149;
  --info-color: #79c0ff;
  
  // 组件背景
  --card-bg: var(--bg-color-secondary);
  --card-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.6);
  --card-border: 1px solid var(--border-color);
  
  // 按钮状态
  --button-primary-bg: var(--primary-color);
  --button-primary-text: #ffffff;
  --button-primary-hover-bg: #1f6feb; // 直接使用颜色值
  --button-secondary-bg: var(--bg-color-dark);
  --button-secondary-border: #484f58; // 直接使用颜色值
  
  // 表单元素
  --input-bg: var(--bg-color-dark);
  --input-border: var(--border-color);
  --input-focus-border: var(--primary-color);
  --input-placeholder: var(--text-color-placeholder);
  
  // 无障碍增强
  --focus-ring: 0 0 0 2px rgba(88, 166, 255, 0.15);
  --hover-overlay: rgba(255, 255, 255, 0.05);
  --active-overlay: rgba(255, 255, 255, 0.1);
  
  // 玻璃效果
  --backdrop-blur: 16px;
  --glass-bg: rgba(22, 27, 34, 0.8);
  --glass-border: rgba(255, 255, 255, 0.1);
  
  // 禁用状态 - 更清晰的视觉反馈
  --disabled-bg-color: #21262d;
  --disabled-border-color: #30363d;
  --disabled-text-color: rgba(255, 255, 255, 0.3);
  
  // 下拉组件
  --select-bg: var(--bg-color-dark);
  --select-border-color: var(--border-color);
  --select-option-hover-bg: var(--bg-color-secondary);
  
  // 时间选择器
  --time-picker-bg: var(--bg-color-dark);
  --time-picker-border-color: var(--border-color);
  --time-picker-cell-hover: var(--hover-overlay);
  
  // 滚动条优化
  --scrollbar-track: var(--bg-color-secondary);
  --scrollbar-thumb: #484f58;
  --scrollbar-thumb-hover: #6e7681;
  
  // 链接状态
  --link-color: var(--primary-color);
  --link-hover-color: #79c0ff;
  --link-visited-color: #bc8cff;

  // === Dialog ===
  --axiom-dialog-bg: var(--dark-bg-color-soft);
  --axiom-dialog-border: 1px solid var(--dark-border-color);
  
  // === Feature Card ===
  --axiom-feature-card-bg: linear-gradient(145deg, rgba(25, 35, 45, 0.9), rgba(15, 25, 35, 0.8));
  --axiom-feature-card-border: 1px solid rgba(255, 255, 255, 0.1);

  // === Notification ===
  --axiom-notification-bg: #1f242c; // 一个更柔和的深色背景
  --axiom-notification-border: 1px solid #30363d;
  --axiom-notification-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  --axiom-notification-close-button-color: #8b949e;
  --axiom-notification-close-button-hover-bg: #f85149;
  --axiom-notification-close-button-hover-color: #ffffff;
}

// 高对比度模式支持
@media (prefers-contrast: high) {
  html[data-theme='dark'] {
    --text-color: #ffffff;
    --text-color-secondary: rgba(255, 255, 255, 0.85);
    --border-color: #58606a;
    --primary-color: #79c0ff;
  }
}

// 减少动画 - 无障碍考虑
@media (prefers-reduced-motion: reduce) {
  html[data-theme='dark'] * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}